<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>profile</title>
	<link rel="stylesheet" type="text/css" href="profile.css" />
</head>


<body>
	<div class ="ProfileBox">
        <div class ="profiledetail">
            <div class="user">Fitriana Passa</div>
            <div class="mainprofile">
                <div class="profileinfo">
                    <div class="profpic"><img src="unnamed.jpg" alt="ana" width="100px" height="100px" /></div>
                    <div class="info">
                    	<label>Birthday : </label>
                        <label id="fillbirthday"> 17-17-1909 </label>
                    </div>
                    <div class="info">
                    	<label>Location : </label>
                        <label id="filllocation">Purworejo </label>
                    </div>
                </div>
                
                <div class="follower">
                    <div class ="follow">Followers</div>
                    <div class="imageWrapper">
                        <div class="listimage"><a href="ana.html"><img class="gambar" src="ana.jpg" alt="ana" width="50px" height="50px" /></a></div>
                        <div class="listimage"><a href="ana.html"><img class="gambar" src="ana.jpg" alt="ana" width="50px" height="50px" /></a></div>
                        <div class="listimage"><a href="ana.html"><img class="gambar" src="ana.jpg" alt="ana" width="50px" height="50px" /></a></div>
                        <div class="listimage"><a href="ana.html"><img class="gambar" src="ana.jpg" alt="ana" width="50px" height="50px" /></a></div>
                        <div class="listimage"><a href="ana.html"><img class="gambar" src="ana.jpg" alt="ana" width="50px" height="50px" /></a></div>
                        <div class="listimage"><a href="ana.html"><img class="gambar" src="ana.jpg" alt="ana" width="50px" height="50px" /></a></div>
                        <div class="listimage"><a href="ana.html"><img class="gambar" src="ana.jpg" alt="ana" width="50px" height="50px" /></a></div>
                        <div class="listimage"><a href="ana.html"><img class="gambar" src="ana.jpg" alt="ana" width="50px" height="50px" /></a></div>
                        <div class="listimage"><a href="ana.html"><img class="gambar" src="ana.jpg" alt="ana" width="50px" height="50px" /></a></div>
                        <div class="listimage"><a href="ana.html"><img class="gambar" src="ana.jpg" alt="ana" width="50px" height="50px" /></a></div>
                        <div class="listimage"><a href="ana.html"><img class="gambar" src="ana.jpg" alt="ana" width="50px" height="50px" /></a></div>
                        <div class="listimage"><a href="ana.html"><img class="gambar" src="ana.jpg" alt="ana" width="50px" height="50px" /></a></div>                        <div class="clear"></div>
                    </div>
                </div>
                
                <div class="following">
                    <div class ="follow">Followings</div>
                    <div class="imageWrapper">
                        <div class="listimage"><a href="ana.html"><img class="gambar" src="ana.jpg" alt="ana" width="50px" height="50px" /></a></div>
                        <div class="listimage"><a href="ana.html"><img class="gambar" src="ana.jpg" alt="ana" width="50px" height="50px" /></a></div>
                        <div class="listimage"><a href="ana.html"><img class="gambar" src="ana.jpg" alt="ana" width="50px" height="50px" /></a></div>
                        <div class="listimage"><a href="ana.html"><img class="gambar" src="ana.jpg" alt="ana" width="50px" height="50px" /></a></div>
                        <div class="listimage"><a href="ana.html"><img class="gambar" src="ana.jpg" alt="ana" width="50px" height="50px" /></a></div>
                        <div class="listimage"><a href="ana.html"><img class="gambar" src="ana.jpg" alt="ana" width="50px" height="50px" /></a></div>
                        <div class="listimage"><a href="ana.html"><img class="gambar" src="ana.jpg" alt="ana" width="50px" height="50px" /></a></div>
                        <div class="listimage"><a href="ana.html"><img class="gambar" src="ana.jpg" alt="ana" width="50px" height="50px" /></a></div>
                        <div class="listimage"><a href="ana.html"><img class="gambar" src="ana.jpg" alt="ana" width="50px" height="50px" /></a></div>
                        <div class="listimage"><a href="ana.html"><img class="gambar" src="ana.jpg" alt="ana" width="50px" height="50px" /></a></div>
                        <div class="listimage"><a href="ana.html"><img class="gambar" src="ana.jpg" alt="ana" width="50px" height="50px" /></a></div>
                        <div class="listimage"><a href="ana.html"><img class="gambar" src="ana.jpg" alt="ana" width="50px" height="50px" /></a></div>                    
                        <div class="clear"></div>
                    </div>
                </div>
                <div class ="clear">
                </div>
            </div>
        </div>
        
        <div class="editprofile">
            <div class="titleedit">Edit Profile</div>
            <div class ="edittable">
                <table>
                    <tr>
                        <td>Name</td><td>:</td><td><input type ="text"/></td>
                    </tr>
                    <tr>
                        <td>Entry Password</td><td>:</td><td><input type ="text"/></td>
                    </tr>
                    <tr>
                        <td>Re-entry Password</td><td>:</td><td><input type ="text"/></td>
                    </tr>
                    <tr>
                        <td>Birthday</td><td>:</td><td><input type ="text"/></td>
                    </tr>
                    <tr>
                        <td>Email</td><td>:</td><td><input type ="text"/></td>
                    </tr>
                    <tr>
                        <td>Profile Picture</td><td>:</td><td><input type ="text"/></td>
                    </tr>
                    <tr>
                        <td>Gender</td><td>:</td>
                        <td>
                            <select class="input" name="jenisKelamin">
                            <option value="Laki-laki">Laki-laki</option>
                            <option value="Perempuan">Perempuan</option>
                            </select><br/>
                        </td>
                    </tr>
                    <tr>
                        <td>Location</td><td>:</td><td><input type ="text"/></td>
                    </tr>
                    <tr>
                        <td></td><td></td><td><input type ="submit" value ="submit"/></td>
                </table>
            </div>
        </div>
    </div>
</body>
</html>
